<template>
    <el-dialog title="菜单详情" :visible.sync="visible" width="30%" :before-close="hideDialog">
        <el-form label-width="120px">
            <el-form-item label="菜单名:">
                <div>{{detailData.name}}</div>
            </el-form-item>
            <el-form-item label="菜单url:">
                <div>{{detailData.url}}</div>
            </el-form-item>
            <el-form-item label="菜单图标:">
                <div>{{detailData.icon}}</div>
            </el-form-item>
            <el-form-item label="父级:">
                <div>{{detailData.pid}}</div>
            </el-form-item>
            <el-form-item label="文字描述">
                <div>{{detailData.description}}</div>
            </el-form-item>
            <el-form-item label="排序:">
                <div>{{detailData.sorts}}</div>
            </el-form-item>
            <el-form-item label="创建人:">
                <div>{{detailData.creator}}</div>
            </el-form-item>
            <el-form-item label="创建时间:">
                <div>{{detailData.createTime}}</div>
            </el-form-item>
            <el-form-item label="修改人:">
                <div>{{detailData.updater}}</div>
            </el-form-item>
            <el-form-item label="修改时间:">
                <div>{{detailData.updateTime}}</div>
            </el-form-item>
        </el-form>
    </el-dialog>
</template>
<script>
    export default {
        name: 'menuDetail',
        props: {
            detailData: Object,
            visible: Boolean,
            hideDialog: Function
        }
    }
</script>
